<html>
<head>
<title>Demo Todos</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body>

<div id="header" class="">
  <div id="logo" class="rounded10B"><img src="img/logo.gif" border="0"></div>
</div>

<div id="content">
    <img src="img/todos.gif" border="0">

    <div class="patternContainer pattern_todoType load_on_start" dataObject="todoType" dataSource="http://localhost:90/sources_sf_taf/web/fa_dev.php/generic_objects" defaultView="list" callMethod="iframe">
      <div class="hautdroite clear">
        <a class="button" href="#" onClick="this.blur();"><span onClick="insertEmpty(this)">New Todo type</span></a>
        <a class="button" href="#" onClick="this.blur();"><span onClick="refresh(this)">Refresh</span></a>
      </div>
      <br>
      <div class="pattern_todoType_list todoType floater" style="display:none;" id="pattern_todoType_list">
      <div class="rounded10" id="pattern_todoType_list">
      	<div class="todoTypeContent">         
              <div class="entete_todoType">
              	<span data="Name" class="Name lien" onClick="manualLoad(this,'todo')"></span>
              	<span data="Description" class="Description info_type"></span>            
                <div class="GUI_commands todoType_commandes rounded7">
                	<img src="img/bin_empty.png" border="0" class="lien" onClick="removeGUI(this)">
                	<img src="img/note_edit.png" border="0" class="lien" onClick="goToGUIView(this,'form','list')">
                	<img src="img/add.png" border="0" class="lien" onClick="insertEmpty(this,'todo')">
                	<img src="img/arrow_refresh_small.png" border="0" class="lien" onClick="refresh(this,'todo')">                	
                	<img src="img/pointe_commandes.png" class="todo_pointe_commandes_type">
              	</div> 
              </div>
              <div class="patternContainer pattern_todo load_on_parent" dataObject="todo" dataSource="http://localhost:90/sources_sf_taf/web/fa_dev.php/generic_objects" defaultView="list" callMethod="iframe">
                  <div id="pattern_todo_form" class="pattern_todo_form todo" style="display:none;">
                      <div class="dragpoint">+</div>
                      <form>
                          <input type="checkbox" data="Done" name="Done" dataType="Boolean" class="cbtodo Done">
                          <input type="text" data="Name" name="Name" dataType="Text" class="todo_champ_form Name">
                          <input type="text" data="Description" name="Description" dataType="Text" class="todo_champ_form Description">
                          <div class="detail_todo" style="font-style: italic">Cr&eacute;e le <span data="created_at" class="created_at"></span></div>
                          <div class="detail_todo" style="font-style: italic">Termin&eacute;e le <span data="Done_date" class="Done_date"></span></div>
                          <div class="clear"><a class="button" href="#" onClick="this.blur();"><span onClick="applyEditGUI(this,'list')">Save</span></a></div>
                      </form>
                  </div>  
                  <div class="pattern_todo_list todo" id="pattern_todo_list" style="display:none;">
                      <div class="GUI_commands todo_commandes rounded7 dragpoint">
                          <img src="img/bin_empty.png" border="0" class="lien" onClick="removeGUI(this)">
                          <img src="img/note_edit.png" border="0" class="lien" onClick="goToGUIView(this,'form','list')">
                          <img src="img/add.png" border="0" class="lien" onClick="insertEmpty(this,'commentaire')">
                          <img src="img/pointe_commandes.png" class="todo_pointe_commandes">
                      </div> 
                      <input type="checkbox" data="Done" dataType="Boolean" class="cbtodo Done" disabled><span data="Name" class="Name name_todo"></span>
                      <div style="" data="Description" class="Description desc_todo"></div>
                      <div style="display:none;">Cr&eacute;e le <span data="created_at" class="created_at"></span></div>
                      <div style="display:none;">Termin&eacute;e le <span data="Done_date" class="Done_date"></span></div>
                      <span onClick="manualLoad(this,'commentaire')" class="lien" style="font-size:10px;margin-left:20px;color:#BBBBBB;">View comments</span>
                      
                      <div class="patternContainer pattern_commentaire" style="margin-left:40px;" dataObject="commentaire" dataSource="http://localhost:90/sources_sf_taf/web/fa_dev.php/generic_objects" defaultView="list" callMethod="iframe">
                          <div id="pattern_commentaire_form" class="pattern_commentaire_form" style="display:none;">
                              <div class="dragpoint">+</div>
                              <form>
                                  <input type="text" data="commentaire" name="commentaire" dataType="Text" class="commentaire">
                                  <div class="detail_todo" style="font-style: italic">Cr&eacute;e le <span data="created_at" class="created_at"></span></div>
                                  <div class="clear"><a class="button" href="#" onClick="this.blur();"><span onClick="applyEditGUI(this,'list')">Save</span></a></div>
                              </form>
                          </div>  
                          <div class="pattern_commentaire_list" id="pattern_commentaire_list" style="display:none;">
                                  <div class="dragpoint">+</div>
                                  <div style="" data="commentaire" class="commentaire"></div>
                                  <div style="font-style: italic">Cr&eacute;e le <span data="created_at" class="created_at"></span></div>
                                  <div class="clear"><a class="button" href="#" onClick="this.blur();"><span onClick="goToGUIView(this,'form','list')">Edit</span></a></div>
                          </div>	  
                      </div>
                  </div>	  
              </div>
           </div>
      </div>
      </div>	  
      <div class="pattern_todoType_form todoType rounded10" id="pattern_todoType_form" style="display:none;">
	      <div class="todoTypeContent">
            <div class="dragpoint">+</div>
            <form>
                <input type="text" data="Name" name="Name" dataType="Text" class="todo_champ_form Name">
                <input type="text" data="Description" name="Description" dataType="Text" class="todo_champ_form Description">
                <div class="clear"><a class="button" href="#" onClick="this.blur();"><span onClick="applyEditGUI(this,'list')">Save</span></a></div>
            </form>
          </div>
      </div>    
    </div>
</div>

<script type="text/javascript" src="../../bibliotheques/jquery.js"></script>
<script type="text/javascript" src="../../bibliotheques/jquery..js"></script>
<script type="text/javascript" src="../../bibliotheques/pause.js"></script>
<script type="text/javascript" src="../../bibliotheques/jquery.curvycorners.packed.js"></script>
<script type="text/javascript" src="../../bibliotheques/interface.js"></script>
<script type="text/javascript" src="../../bibliotheques/firebug/firebug.js"></script>
<script type="text/javascript" src="../../jsGUIGuy/Misc.js"></script>
<script type="text/javascript" src="../../jsGUIGuy/ServerInterface.js"></script>
<script type="text/javascript" src="../../jsGUIGuy/User.js"></script>
<script type="text/javascript" src="../../jsGUIGuy/PatternMapping.js"></script>
<script type="text/javascript" src="../../jsGUIGuy/GUIAttributes.js"></script>
<script type="text/javascript" src="../../jsGUIGuy/GUI.js"></script>
<script type="text/javascript" src="../../jsGUIGuy/GUIList.js"></script>
<script type="text/javascript" src="../../jsGUIGuy/GUIEvents.js"></script>
<script type="text/javascript" src="../../jsGUIGuy/GUIApi.js"></script>

<script type="text/javascript">
initGuiGuy();
$(document).ready(function() {
  
  var rounded7 = { 
    tl: { radius: 7 },
    tr: { radius: 7 },
    bl: { radius: 7 },
    br: { radius: 7 },
    antiAlias: true,
    autoPad: true};
    
 var rounded4 = { 
    tl: { radius: 4 },
    tr: { radius: 4 },
    bl: { radius: 4 },
    br: { radius: 4 },
    antiAlias: true,
    autoPad: true};
  
  var rounded10 = { 
    tl: { radius: 10 },
    tr: { radius: 10 },
    bl: { radius: 10 },
    br: { radius: 10 },
    antiAlias: true,
    autoPad: true};
    
  var rounded10B = { 
    tl: false,
    tr: false,
    bl: { radius: 10 },
    br: { radius: 10 },
    antiAlias: true,
    autoPad: true}; 

  $(".rounded4").corner(rounded4);
  $(".rounded7").corner(rounded7);
  $(".rounded10").corner(rounded10);
  $(".rounded10B").corner(rounded10B);
});

</script>
</body>
</html>